<template>
	<view>
		<view class="wrap">
			<swiper class="swiper" :indicator-dots="true" :autoplay="true" :interval="2000" :duration="500" :circular="true">
				<block v-for="(item,index) in getdata[0].wholedata.Banner":key="index">
					<swiper-item>
						<view class="swiper-item uni-bg-red"><image :src="item" mode="aspectFill"></image></view>
					</swiper-item>
				</block>
			</swiper>
			
		</view>
		<view class="text">
			<text>{{getdata[0].wholedata.title}}</text>
		</view>

		<view class="pingfen">
			<text>评分:5分</text>
			<text>评论2条</text>
			<text>特别推荐</text>
		</view>
		
		<!-- 进入页面加载 -->
		<home-load v-if="shows"></home-load>
	</view>
</template>

<script>
	import packmages from '../../../element/images.js'
	export default {
		props: {
			getdata:Array
		},
		data() {
			return {
				shows:true
			}
		},
		methods:{
			indeximg(index,urls){
				packmages(index,urls)
			},
			
		},
		created() {
			setTimeout(function(){
				this.shows=false
			}.bind(this),1000)
		}
		
	}
</script>

<style scoped>
	image {
		width: 100%;
		height: 500upx;
	}

	.text {
		font-weight: bold;
		padding: 10upx 0 10upx 20upx;
	}

	.pingfen {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.pingfen text {
		font-size: 29upx;
		color: #b5b9b5;
		padding: 20upx 10upx 20upx 20upx;
	}
	.swiper{
		height: 500upx;
	}
</style>
